<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./web/js/rem.js"></script>
    <link rel="stylesheet" href="./web/css/public.css">
    <link rel="stylesheet" href="./web/css/result_lib.css">
    <link rel="stylesheet" href="./web/css/my_collect.css">
    <script src="./web/js/jquery.js"></script>
    <title>我的收藏</title>
</head>

<body>
    <div class="header" style="border-bottom: 0">
            <a href="./mine.html">
                <img class="login-user" src="./web/img/login_user.png" />
            </a>
        <img class="logo" src="./web/img/logo_white.png" />
    </div>
    <ul class="tab" id="tab-change">
        <li class="select">人才</li>
        <li>成果</li>
        <li>需求</li>
        <li>团队</li>
    </ul>
    <ul class="result-lib" id="tab-list">
        <li>
            <a href="./result_detail.html">
                <img src="./web/img/news.png">
                <div class="result-info">
                    <div class="title" style="-webkit-box-orient: vertical;">中国经济增长、电力消费和煤炭价格相互的…</div>
                    <div class="from-date">
                        <div class="from" style="-webkit-box-orient: vertical;">发布者：蒋金泉</div>
                        <div class="date">2019-07-09</div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="./demand_detail.html">
                <img src="./web/img/damand.png">
                <div class="result-info">
                    <div class="title" style="-webkit-box-orient: vertical;">中国经济增长、电力消费和煤炭价格相互的…</div>
                    <div class="from-date">
                        <div class="from" style="-webkit-box-orient: vertical;">发布者：青岛干煤公司</div>
                        <div class="date">2019-07-09</div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="./demand_detail.html">
                <img src="./web/img/damand.png">
                <div class="result-info">
                    <div class="title" style="-webkit-box-orient: vertical;">中国经济增长、电力消费和煤炭价格相互的…</div>
                    <div class="from-date">
                        <div class="from" style="-webkit-box-orient: vertical;">发布者：青岛干煤公司</div>
                        <div class="date">2019-07-09</div>
                    </div>
                </div>
            </a>
            <a href="./demand_detail.html">
                <img src="./web/img/damand.png">
                <div class="result-info">
                    <div class="title" style="-webkit-box-orient: vertical;">中国经济增长、电力消费和煤炭价格相互的…</div>
                    <div class="from-date">
                        <div class="from" style="-webkit-box-orient: vertical;">发布者：青岛干煤公司</div>
                        <div class="date">2019-07-09</div>
                    </div>
                </div>
            </a>
            <a href="./demand_detail.html">
                <img src="./web/img/damand.png">
                <div class="result-info">
                    <div class="title" style="-webkit-box-orient: vertical;">中国经济增长、电力消费和煤炭价格相互的…</div>
                    <div class="from-date">
                        <div class="from" style="-webkit-box-orient: vertical;">发布者：青岛干煤公司</div>
                        <div class="date">2019-07-09</div>
                    </div>
                </div>
            </a>
        </li>
        <li>
            <a href="./demand_detail.html">
                <img src="./web/img/damand.png">
                <div class="result-info">
                    <div class="title" style="-webkit-box-orient: vertical;">中国经济增长、电力消费和煤炭价格相互的…</div>
                    <div class="from-date">
                        <div class="from" style="-webkit-box-orient: vertical;">发布者：青岛干煤公司</div>
                        <div class="date">2019-07-09</div>
                    </div>
                </div>
            </a>
        </li>
    </ul>



    <div class="next-page">
        <div>下一页</div>
        <img src="./web/img/more.png">
    </div>
    <div class="bottom-bar">
        <div>Copyright©2019 　山东科技大学 </div>
        <div>鲁ICP备09051012号</div>
    </div>
    <script>
        $('#tab-list li').eq(0).show();
        $('#tab-change li').click(function () {
            var index = $(this).index();
            $(this).addClass('select').siblings().removeClass('select')
            // $('#tab-list').eq(index).show().siblings().hide();
            $('#tab-list li').hide().eq($(this).index()).show();
        })
    </script>
</body>

</html>